<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>AlphaTab alphaTex Editor Demo</title>

    <link rel="stylesheet" href="control.css" />
    <link rel="stylesheet" href="alphatex-editor.css" />
</head>

<body>
    <div class="split">
        <div id="editor-wrap">
            <div id="editor">
                \title "Canon Rock"
                \subtitle "JerryC"
                \tempo 90
                
                :2 19.2{v f} 17.2{v f} |
                15.2{v f} 14.2{v f}|
                12.2{v f} 10.2{v f}|
                12.2{v f} 14.2{v f}.4 :8 15.2 17.2 |
                14.1.2 :8 17.2 15.1 14.1{h} 17.2 |
                15.2{v d}.4 :16 17.2{h} 15.2 :8 14.2 14.1 17.1{b(0 4 4 0)}.4 |
                15.1.8 :16 14.1{tu 3} 15.1{tu 3} 14.1{tu 3} :8 17.2 15.1 14.1 :16 12.1{tu 3} 14.1{tu 3} 12.1{tu 3} :8 15.2
                14.2 |
                12.2 14.3 12.3 15.2 :32 14.2{h} 15.2{h} 14.2{h} 15.2{h}14.2{h} 15.2{h}14.2{h} 15.2{h}14.2{h} 15.2{h}14.2{h}
                15.2{h}14.2{h} 15.2{h}14.2{h} 15.2{h}
            </div>
        </div>
        <div id="alphatab-wrap">
            <div id="placeholder"></div>
        </div>
    </div>
    <script type="module">
        import './alphatex-editor.ts';
    </script>
</body>

</html>